<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <title>Hello,Vue.js</title>
</head>
<body>

    <h3>Hello , Vue.js</h3>

    <div class="wrapper"></div>

    <!-- 引入 vue.js 核心库 -->
    <script src="vue.global.js"></script>
    <!-- 书写自己的 JavaScript 代码  -->
    <script type="text/javascript">
        const options = {
            // 数据项
            data(){
                return {
                    username: 'respjone'
                }
            },
            // 模板
            template: `<input type="text" v-model="username">
                       <p>{{ username }}</p>`
        }
        // 创建实例
        const app = Vue.createApp(options);
        // 挂载实例
        app.mount( '.wrapper' );
    </script>
    
</body>
</html>